/*
* @Author: jh
* @Date: 2018/4/10
* @description: 系统 邮件确认框
*/
<template>
  <div>
     <el-dialog custom-class="cm-el-dialog" title="确认发送邮件提醒！" :visible=true center width="35%" :before-close="isShowEmailFun" :close-on-click-modal=false :append-to-body=true>
        <div class="like-textarea m-l-20">
            <el-row>
              <el-col>
                 亲爱的用户，您好！
              </el-col>
            </el-row>
             <el-row class="m-t-15 p-l-22">
              <el-col >
                CVS网址：https://data.cvsource.com.cn/#/login
              </el-col>
            </el-row>
            <el-row class="m-t-5 p-l-22">
              <el-col>
                用户名：xxxx
              </el-col>
            </el-row>
            <el-row class="m-t-5 p-l-22">
              <el-col>
                 密   码：xxxx
              </el-col>
            </el-row>
             <el-row class="m-t-15 p-l-22">
              <el-col>
                 请及时修改初始密码！～
              </el-col>
            </el-row>
        </div>
        <div slot="footer" >
            <el-button @click="isShowEmailFun">取 消</el-button>
            <el-button type="primary" @click="addRole">确定</el-button>
        </div>
    </el-dialog>
  </div>
</template>
<script lang="ts">
import Vue from 'vue';
import { Component, Watch, Prop } from 'vue-property-decorator';
interface Form {
  name: string;
  content: string;
  role: string;
  // orderBy: 'createTime'; //orderBy:为排序字段名,
  // sort: 'desc';// sort:为正序 asc 倒序 desc
}
interface TableData {
   [index: number]: object;
}
@Component({
  components: { }
})
export default class CompanyList extends Vue {
  // 初始化数据 相当于data
  public msg: number = 123;
  public form: Form = { // 表单数据
    name: '' ,
    content: '',
    role: '',
  };
  public tableData: TableData = [{roleName: 'ggggg'}, {roleName: 'kkkkkk'}]; // 后台数据
  public totalCount: number = 0; // 总数
  public currentPage: number = 1; // 当前页
  public dialogFormVisible: boolean = true; 
  // refs
  public $refs: { };
  @Prop()
  public isShowEmailFun: () => void;
  @Prop({default: '-1'})
  public id: string;
  // watch
  @Watch('msg')
  public onChildChanged(val: string, oldVal: string) {
    return val + '***';
  }

  // 声明周期钩子
  public mounted() {
    // this.getList();
  }
  public created() {
    // this.getList();
  }

  // 方法
  public addRole() {
     this.isShowEmailFun();
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
 .like-textarea{
        width: 90%;
        border: 1px solid #ccc;
        line-height: 1rem;
        height: 200px;
        overflow: auto;
        border-radius: 3px;
        padding: 15px;
        &:hover{
          border: 1px solid #145cc7; /*#409EFF */
          box-shadow: 0 0 6px #145cc7; 
        }
        .el-col{
           line-height: 20px;
        }
}
</style>
